<template>
  <div>
    <header class="mui-bar mui-bar-nav title">
       <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left title-a" @tap="back()"></a>
       <h1 class="mui-title title-a">选择审批人</h1>
       <a class="mui-btn mui-btn-link mui-pull-right title-a" style="color:white" @tap="confirm">确定</a>
    </header>
    <div class="mui-content">
      <div id='list' class="mui-indexed-list">
        <div class="list_search not_type" style="border-bottom: 1px solid #ddd;">
          <span class="mui-icon mui-icon-glass"></span>
          <input type="text"  placeholder="审批人名称">
          <span class="search" @tap="search()">搜索</span>
        </div>
        <div>
          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-indexed-list-item mui-radio mui-left">
              <input type="radio" /> 王毅
            </li>
            <li class="mui-table-view-cell mui-indexed-list-item mui-radio mui-left">
              <input type="radio" /> 张三
            </li>
            <li class="mui-table-view-cell mui-indexed-list-item mui-radio mui-left">
              <input type="radio" /> 里斯
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import chooseDoors from './chooseDoorList';
  import scrollRefresh from '../../public/components/mui-scroll-refresh/mui-scroll-refresh';
  import store from '../choosedoor-store';
  export default {
    methods: {
      back: function () {
        history.go(-1);
      },
      confirm: function () {
        var door = document.getElementById('doorId').innerHTML.split('-');
        var doorId = door[0];
        var doorName = door[1];
        this.$router.go({
          path: '/homePage',
          query: {'doorId': doorId, 'doorName': doorName}
        });
      }
    }
  };
</script>
